<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>wqz</title>
  </head>
  <body>
    <input type="text" name="username" />
    <script>
      // 几个特殊标签
      // 1.body标签
      // var body = document.querySelector("body");
      // console.log(body);

      // // 简写方式
      // console.log( document.body);

      // 2.html标签；
      // var htmlEle = document.querySelector("html");
      // console.log(htmlEle);
      // // 简写形式
      // console.log( document.documentElement);

      // 3.head标签
      // var headEle = document.querySelector("head");
      // console.log(headEle);
      // // 简写
      // console.log( document.head);

      // 4.标题  ：
      var titleEle = document.querySelector("title");
      console.log(titleEle); //获得<title>wqz</title> 获取的是标题的标签名+内容，不是标签元素对象；

      // // 简写
      console.log(document.title); //获得wqz ，，，标签内容
      console.log(titleEle.innerHTML); //获得wqz ，，，标签内容

      // 5.通过名字获取元素；
      // var ele = document.getElementsByName("username")[0];
      // console.log(ele);
      // ele.value = 123;
    </script>
  </body>
</html>
